<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>CSS Buttons Pack</title>
		<link rel="stylesheet" href="./ButtonPack.css"/>
	</head>
	<body>
		<div class="block">
		  <button class='basicLeft'>Basic left</button>
		  <button class='basicRight'>Basic right</button>
		  <button class='basicTop'>Basic top</button>
		  <button class='basicBottom'>Basic bottom</button>
		  <button class='basicHor'>Basic horizontal</button>
		  <button class="basicVert">Basic vertical</button>
		  <button class="simple">Simple</button>
		</div>
		
		<div class="block">
		  <button class='gradient'>Gradient</button>
		  <button class='moving'>Moving</button>
		  <button class='moveUp'></button>
		  <button class='moveDown'></button>
		  <button class='push'>Push me</button>
		  <button class='pushLeft'></button>
		  <button class='pushRight'></button>
		</div>
		
		<div class="block">
		  <button class='zoom'><p>Zoom</p></button>
		  <button class='ripple'>Ripple</button>
		  <button class='glass'>Glass</button>
		  <button class='bChange'>Border change</button>
		  <button class='parts'>
		    <div></div>
		    <div></div>
		    <div></div>
		    <div></div>
		  </button>
		  <button class='dark'>Dark</button>
		  <button class="material">Material</button>
		</div>
	</body>
</html>